<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<link rel="stylesheet" href="css/大风车样式.css"/>
		<style>
			/*1.抓到页面图片元素*/
			img{
				/*4.过渡*/
				transition: transform 5s;
			}
			/*2.鼠标移动到图片上*/
			img:hover{
				/*3.旋转*/
				transform:rotate(360deg);
			}
		</style>
	</head>
	<body>
		<!-- 1.引入大风车图片以及音频 -->
		<img src="img/dfc.jpg" alt="大风车"/>
		<audio src="img/dafengche.mp3" autoplay></audio>
	</body>
</html>